<?php
session_start();
include_once 'assets/config/mysql.php';
if (isset($_POST['adminEmail'])){
	$result= mysqli_query($db, "SELECT `EMAIL_ADMIN`, `PASSWORD_ADMIN`, `PRENOM_ADMIN`, `NOM_ADMIN` FROM `administrateur` WHERE EMAIL_ADMIN='".$_POST['adminEmail']."' ") or die("Error: ".mysqli_error($db));
	$row = mysqli_fetch_array($result,MYSQLI_NUM);	
	if ($row){
		if ($_POST['adminPassword']==$row[1]){
			$_SESSION['adminEmail']=$row[0];
			$_SESSION['adminPassword']=$row[1];
			$_SESSION['adminPrenom']=$row[2];
			$_SESSION['adminNom']=$row[3];
			header('Location: admin/index.php');
		} else {
			//echo "<script language='javascript'>document.getElementById('body').alert(' Email ou mot de passe incorrect !')</script>"; 
		}
	}	
	$result= mysqli_query($db, "SELECT MAX(ID_CANDIDAT) from candidat;")  or die("Error: ".mysqli_error($db));
	$row = mysqli_fetch_array($result,MYSQLI_NUM);		
	$_SESSION['ID_CANDIDAT']=$row[0];
	
} 
if (isset($_POST['inputEmail'])){
	require '../assets/PHPMailer/PHPMailerAutoload.php';
	$mail = new PHPMailer;
	$mail->isSMTP();
	$mail->Host = 'smtp.gmail.com';
	$mail->SMTPAuth = true;
	$mail->Username = 'syscom.ummisco@gmail.com';
	$mail->Password = 'master2syscom2014';
	$mail->SMTPSecure = 'tls';
	$mail->From = 'syscom.ummisco@gmail.com';
	$mail->FromName = 'SYSCOM UMMISCO';
	$mail->addAddress($_POST['inputEmail'], $_POST['inputName']);
	$mail->addReplyTo('syscom.ummisco@gmail.com', 'UMMISCO');
	$mail->WordWrap = 50;
	$mail->isHTML(true);	
	$mail->Subject = 'Abonnement Newsletter UMMISCO';
	$nom = $_POST['inputName'];
	$mail->Body    = 'Bonjour '.$nom.' ! Vous êtes abonné à la boite aux lettres de UMMISCO, nous vous enverrons toute l\'actualité sur nos activité';
	if(!$mail->send()) {
	   echo 'Message could not be sent.';
	   echo 'Mailer Error: ' . $mail->ErrorInfo;
	   exit;
	}
}
?>
<!DOCTYPE html>
<html lang="fr">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="Portail web dédié à la Gestion Administrative et Pédagogique du Master 2 de Recherche Système Complexe UMMISCO">
    <meta name="author" content="DIC1 Génie Info 2013-2014 / ESP Dakar">
    <meta http-equiv="Content-Language" content="fr" />
    <meta name="Keywords" content="ummisco, master2syscom, syscom, master, systeme complexe, recherche" />
    <link rel="shortcut icon" href="assets/ico/favicon.png">

    <title> UMMISCO - Master 2 SysCom </title>

    <!-- Bootstrap core CSS -->
    <link href="assets/css/bootstrap.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="assets/css/main.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/css/icomoon.css">
    <link href="assets/css/animate-custom.css" rel="stylesheet">


    
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,300,700' rel='stylesheet' type='text/css'>
    
    <script src="assets/js/jquery.min.js"></script>
	<script type="text/javascript" src="assets/js/modernizr.custom.js"></script>
    
    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="assets/js/html5shiv.js"></script>
      <script src="assets/js/respond.min.js"></script>
    <![endif]-->
  </head>

  <body data-spy="scroll" data-offset="0" data-target="#navbar-main" id="body" >
  
  	<div id="navbar-main">
      <!-- Fixed navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top" id="header-main">
      <div class="container" >
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon icon-shield" style="font-size:30px; color:#3498db;"></span>
          </button>
          <a class="navbar-brand hidden-xs hidden-sm" href="#home"> <span class="glyphicon glyphicon-home"></span></a>
        </div>
        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav" >
            <li><a href="#home" class="smoothScroll">Accueil</a></li>
			<li> <a href="#about" class="smoothScroll"> Présentation </a></li>
			<li> <a href="#direction" class="smoothScroll"> Direction</a></li>
			<li> <a href="#recherche" class="smoothScroll"> Recherche </a></li>
			<li> <a href="#formation" class="smoothScroll"> Formation </a></li>
			<li> <a href="#pre-inscription" class="smoothScroll"> Pré-inscription</a></li>
			<li> <a href="#contact" class="smoothScroll"> Contact</a></li>
			</ul>
			 <!-- The drop down menu -->
	        <ul class="nav pull-right">
	          <li class="divider-vertical"></li>
	          <li class="dropdown">
	            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="glyphicon glyphicon-user"> </i>&nbsp;<?php if(isset($_SESSION['adminEmail'])) echo $_SESSION['adminPrenom']; else echo "Admin"; ?> <b class="caret"></b></a>
	            <?php if(!isset($_SESSION['adminEmail']))echo "
	            <div class='dropdown-menu' style='padding: 15px; padding-bottom: 0px;'>
	              <form action='index.php' method='post' accept-charset='UTF-8'>
					  <input id='adminEmail' style='margin-bottom: 15px;' type='text' name='adminEmail' size='20' />
					  <input id='adminPassword' style='margin-bottom: 15px;' type='password' name='adminPassword' size='20' />
					  <input id='user_remember_me' style='float: left; margin-right: 10px;' type='checkbox' name='user[remember_me]' value='1' />
					  <label class='string optional' for='user_remember_me'> Se souvenir de moi</label>
					  <input class='btn btn-primary' style='clear: left; width: 100%; height: 32px; font-size: 13px;' type='submit' name='commit' value='Se connecter' />
					  </br>
					  </br>
					</form>
				</div>
					"; else {
						echo "
						  <ul class='dropdown-menu'>
                          <li><a href='#'>Editer profil &nbsp;<i class= 'glyphicon glyphicon-edit'></i></a></li>
                          <li class='divider'></li>
                          <li><a href='admin/deconnexion.php'>Se déconnecter&nbsp;<i class='glyphicon glyphicon-off'></i>  </a> </li>
                        </ul>
						";
					}
					?>
	           	
          	  </li>
        </div><!--/.nav-collapse -->
      </div>
    </div>
    </div>

  
  
		<!-- ==== ACCUEIL ==== -->
	    <div id="headerwrap" id="home" name="home">
			<header class="clearfix">
	  		 		
	  		 		<!--<h1><span class="icon icon-shield"></span></h1>
	  		 		<p>U M M I S C O</p>
	  		 		-->
	  		 		<p> Unité de Modélisation Mathématique et </br> Informatique de Systèmes COmplexes &nbsp;</p>
	  		 	
	  		</header>	    
	    </div><!-- /headerwrap -->

		<!-- ==== GREYWRAP ==== -->
		<div id="greywrap">
			<div class="row">
				<div class="col-lg-4 callout">
					<span class="icon icon-stack"></span>
					<h2>Lorem ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc.</p>
				</div><!-- col-lg-4 -->
					
				<div class="col-lg-4 callout">
					<span class="icon icon-stack"></span>
					<h2>Lorem ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc.</p>
				</div><!-- col-lg-4 -->	
				
				<div class="col-lg-4 callout">
					<span class="icon icon-stack"></span>
					<h2>Lorem ipsum</h2>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc.</p>
				</div><!-- col-lg-4 -->	
			</div><!-- row -->
		</div><!-- greywrap -->
		
		<!-- ==== PRESENTATION ==== -->
		<div class="container" id="about" name="about">
			<div class="row white">
			<br>
				<h1 class="centered">Une briève présentation</h1>
				<hr>
				
				<div class="col-lg-6">
					<p>UMMISCO, Unité de Modélisation Mathématique et Informatique de Systèmes COmplexes, placée sous la double tutelle IRD-UPMC, est bâtie autour de l’ancienne unité Géodes de l’IRD et de ses équipes partenaires en France, en Afrique et en Asie du Sud-est. L’unité mixte internationale apporte un cadre stable et durable à cette dynamique d’échanges déjà ancienne qui se fera désormais plus simplement. Les applications thématiques des recherches en modélisation menées dans ce « laboratoire commun » s’inscrivent dans les grandes priorités scientifiques de l’IRD. La compréhension des phénomènes naturels,   </p>
				</div><!-- col-lg-6 -->
				
				<div class="col-lg-6">
					<p>sociaux ou épidémiologiques du monde d’aujourd’hui devient de plus en plus indispensable à la prise de décisions économiques et politiques.  Les sciences de la complexité connaissent donc un développement croissant motivé en particulier par les enjeux globaux (écologie, santé publique, stabilité sociale) qui, en conséquence de la mondialisation, concernent aussi bien les pays industrialisés que ceux en développement. Oser modéliser des systèmes complexes, dont le comportement à une échelle donnée est le produit des interactions entre un grand nombre d’entités à une échelle inférieure, est un défi audacieux que l’UMMISCO relève sans prétention.  </p>
				</div><!-- col-lg-6 -->
			</div><!-- row -->
		</div><!-- container -->
		
		<!-- ==== SECTION DIVIDER1 -->
		<section class="section-divider textdivider divider1">
			<div class="container">
				<h1>Qu’est ce qu’une UMI ?</h1>
				<hr>
				<p>Une Unité Mixte Internationale est une structure opérationnelle de recherche et de formation dont le fonctionnement est comparable à celui d’une Unité Mixte de Recherche en France. 
					<br/>Elle est créée par décision de chacun des établissements partenaires qui s’engagent par écrit sur des objectifs communs. 
					<br/>L’UMI va au-delà du simple partenariat sur un programme : il s’agit de construire une vision partagée du projet, de son évaluation et des moyens humains et matériels qu’engagent les institutions partenaires. 
					<br/>En mobilisant des chercheurs du Nord et du Sud, une UMI favorise la mise en commun du potentiel scientifique, promeut une approche pluridisciplinaire, mutualise les infrastructures et enfin favorise le rapprochement et la complémentarité des établissements d’enseignement supérieur impliqués. </p>
			</div><!-- container -->
		</section><!-- section -->
		
		<div class="row">
				<h2 class="centered">L'art de la pluridisciplinarité</h2>
				<hr>
				<br>
				<div class="col-lg-offset-2 col-lg-8">
					<p>Afin de comprendre l’ensemble des mécanismes mis en jeu dans la dynamique des systèmes biologiques et sociaux, leur modélisation nécessite de considérer des modèles mathématiques et informatiques de plus en plus sophistiqués.</p>
					<p>Les modèles agents en particulier permettent non seulement de décrire mais aussi de comprendre comment un ensemble de comportements individuels peut générer des phénomènes collectifs complexes. </p>
					<p>L’UMI est donc pour l’essentiel composée de deux communautés de scientifiques de haut niveau : des modélisateurs mathématiciens (spécialistes des systèmes dynamiques) et des modélisateurs informaticiens (spécialistes de modèles agents). Les méthodes de conception et de réalisation de programmes de simulation privilégient l’automatisation et un point de vue plutôt informatique. Cependant, les mathématiques restent le langage et l’expression formelle de nombreux comportements élémentaires, que ce soit au niveau des agents ou des systèmes artificiels qu’ils forment. Elles fournissent également la possibilité de construire, à partir du même système, des modèles alternatifs permettant de contrôler la fiabilité des simulations et de mieux comprendre les déterminants fondamentaux des dynamiques simulées. </p>
					<p>La création d’une UMI permet d’insister sur la nécessaire complémentarité de ces deux approches disciplinaires et de vivement encourager la synergie des communautés scientifiques pour une meilleure compréhension des mécanismes de la complexité. Les chercheurs se focalisent ainsi, ensemble, sur un aspect pluridisciplinaire des travaux scientifiques menés et s’impliquent dans la mise en œuvre de leurs méthodes au service d’applications concrètes, notamment en épidémiologie et en gestion des ressources renouvelables. Le dialogue doit souvent être long entre le modélisateur et le chercheur appliqué avant de développer un modèle, de le confronter à des données et de pouvoir l’utiliser à terme comme outil de prédiction et d’aide à la décision. Maintenir et développer l’originalité de la double compétence mathématique-informatique et promouvoir une approche multidisciplinaire sont deux points essentiels dans la pertinence des travaux de modélisation. En confrontant la vision informatique basée sur les expérimentations et la vision mathématique des systèmes d’entités en interaction, UMMISCO dépasse le stade de l’observation et des statistiques.</p>
				</div><!-- col-lg -->
			</div><!-- row -->
		
		<!-- ==== SECTION DIVIDER2 -->
		<section class="section-divider textdivider divider2">
			<div class="container">
				<h1> PRESENTATION DE LA DIRECTION</font></h1>
				<hr>
				<p></p>
			</div><!-- container -->
		</section><!-- section -->
		
		<!-- ==== DIRECTION ==== -->
		<div class="container" id="direction" name="direction">
			<br>
			<br>
			<div class="row">
				<h2 class="centered">Direction de l'UMI</h2>
				<hr>
				<br>
				<div class="col-lg-offset-2 col-lg-8">
					<img class="img-responsive" src="assets/img/direction.png" alt="">
				</div><!-- col -->
				<div class="col-lg-offset-2 col-lg-8">
					<h3>Direction de l'UMI UMMISCO</h3>
  					<div class="col-sm-6 col-md-4">
						<ul class="list-group">
							  <li class="list-group-item list-group-item-success">Directeur Nord</li>
							  <li class="list-group-item list-group-item-info">Directeur Adjoint IRD</li>
							  <li class="list-group-item list-group-item-success">Co-Directeur Sud </li>
							  <li class="list-group-item list-group-item-info">Directeur Adjoint Sud</li>
							  <li class="list-group-item list-group-item-success">Gestion</li>
							  <li class="list-group-item list-group-item-info">Secretariat & Admin.</li>
						</ul>
					</div>
					<div class="col-sm-6 col-md-4">
						<ul class="list-group">
							  <li class="list-group-item list-group-item-success">Jean-Daniel ZUCKER</li>
							  <li class="list-group-item list-group-item-info">Alexis DROGOUL</li>
							  <li class="list-group-item list-group-item-success">Hassan HBID</li>
							  <li class="list-group-item list-group-item-info">Mamadou SY</li>
							  <li class="list-group-item list-group-item-success">Elisabeth PEREIRA</li>
							  <li class="list-group-item list-group-item-info">Kathy BAUMONT</li>
						</ul>
					</div>
					<div class="col-sm-6 col-md-4">
						<ul class="list-group">
							  <li class="list-group-item list-group-item-success">jean-daniel.zucker@ird.fr</li>
							  <li class="list-group-item list-group-item-info">alexis@ird.fr</li>
							  <li class="list-group-item list-group-item-success">hassan.hbid@ird.fr</li>
							  <li class="list-group-item list-group-item-info">syndioum@ird.fr</li>
							  <li class="list-group-item list-group-item-success">elisabeth.pereira@ird.fr</li>
							  <li class="list-group-item list-group-item-info">kathy.baumont@ird.fr</li>
						</ul>
					</div>
					<h3>UMMISCO Centre AFRIQUE CENTRALE et EST</h3>
					 <div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Maurice TCHUENTE</li>
						</ul>
					</div>
					<div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Maurice.tchuente@ens-lyon.fr</li>
						</ul>
					</div>
					
					<h3>UMMISCO Centre AFRIQUE OUEST (Dakar et St Louis)</h3>
					 <div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Mamadou SANGHARE</li>
						</ul>
					</div>
					<div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">mamsanghare@hotmail.com</li>
						</ul>
					</div>
					
					<h3>UMMISCO Centre ASIE du SUD EST</h3>
					 <div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Tuong Vinh HO</li>
						</ul>
					</div>
					<div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">ho.tuong.vinh@auf.org</li>
						</ul>
					</div>
					
					<h3>UMMISCO Centre FRANCE</h3>
					 <div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Christophe CAMBIER </li>
						</ul>
					</div>
					<div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">christophe.cambier@ird.fr</li>
						</ul>
					</div>
					 
					<h3>UMMISCO Centre MEDITERANEE</h3>
					 <div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">Hassan HBID </li>
						</ul>
					</div>
					<div class="col-lg-6">
					 	<ul class="list-group">
							  <li class="list-group-item list-group-item-info">hassan.hbid@gmail.com</li>
						</ul>
					</div>
				</div>
				
			</div><!-- row -->
		</div><!-- container -->
  		
		
		<!-- ==== SECTION DIVIDER3 ==== -->
		<section class="section-divider textdivider divider3">
			<div class="container">
				<h1> PRESENTATION DE LA RECHERCHE </h1>
				<hr>
			</div><!-- container -->
		</section><!-- section -->

		<!-- ==== RECHERCHE ==== -->
		<div class="container" id="recherche" name="recherche">
			<br/>
			<div class="row white centered">
				<h1 class="centered">Axes de recherches</h1>
				<hr>
				<br/>
				<div class="col-lg-offset-2 col-lg-8">
					<img class="img-responsive" src="assets/img/recherche.gif" alt="">
				</div><!-- col -->
				<br/>
				<br/>
			</div><!-- row -->
		</div><!-- container -->

		<!-- ==== GREYWRAP ==== -->
		<div id="greywrap">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 centered">
						<img class="img-responsive" src="assets/img/macbook.png" align="">
					</div>
					<div class="col-lg-4">
						<h2> Nos publications </h2>
						<p> Pour savoir plus sur nos recherches, vous pouvez suivre nos publications, conférences, ... <br /> Cliquez sur le lien ci-dessous.</p>
						<p><a class="btn btn-success"> Evènements</a></p>
					</div>					
				</div><!-- row -->
			</div>
			<br>
			<br>
		</div><!-- greywrap -->
		
		<!-- ==== SECTION DIVIDER4 -->
		<section class="section-divider textdivider divider4">
			<div class="container">
				<h1> LES FORMATIONS OFFERTES </h1>
				<hr>
				<!--
				<p> .......... </p>
				-->
			</div><!-- container -->
		</section><!-- section -->
		
		<!-- ==== FORMATION ==== -->
		<div class="container" id="formation" name="formation">
		<br>
			<div class="row">
				<br>
				<h1 class="centered">Formations</h1>
				<hr>
				<br>
				<br>
			</div><!-- /row -->
			
            <div class="container">
			<div class="row">	
				<div class="col-lg-6 blog-bg">
					<div class="col-lg-4 centered">
					<br>
						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Benjamin ROCHE</h4>
						<h5>Responsable</h5>
						
					<br>
					<br>
					<br>

						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Prénom NOM</h4>
						<h5>Responsable</h5>
					</div>
					
					<div class="col-lg-8 blog-content">
						<h2>Santé et Epidémiologie</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc. Duis aliquam elementum ligula. Vestibulum pulvinar eros ac orci dignissim porttitor.  </p>
						<p>Pellentesque et malesuada metus, in mollis magna. Quisque vestibulum nisl quis elit consequat ornare. Sed consequat ipsum malesuada, venenatis velit non, tincidunt sapien.</p>
						<p><a href="#" class="icon icon-link"> Lire la suite</a></p>
						<br>
					</div>
					
				</div><!-- /col -->
				
				<div class="col-lg-6 blog-bg">
					<div class="col-lg-4 centered">
					<br>
						<p><img class="img img-circle" src="assets/img/team/team03.jpg" width="60px" height="60px"></p>
						<h4>Christophe LETT</h4>
						<h5>Responsable</h5>
						<br>
					<br>
					<br>
						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Prénom NOM</h4>
						<h5>Responsable</h5>
						
					</div>
					<div class="col-lg-8 blog-content">
						<h2>Milieux et Ressources vivantes</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc. Duis aliquam elementum ligula. Vestibulum pulvinar eros ac orci dignissim porttitor.  </p>
						<p>Pellentesque et malesuada metus, in mollis magna. Quisque vestibulum nisl quis elit consequat ornare. Sed consequat</p>
						<p><a href="#" class="icon icon-link"> Lire la suite</a></p>
						<br>
					</div>
				</div><!-- /col -->
			</div><!-- /row -->
			<br/>
			<div class="row">	
				<div class="col-lg-6 blog-bg">
					<div class="col-lg-4 centered">
					<br>
						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Tri NGUYEN-HUU</h4>
						<h5>Responsable</h5>
						<br>
					<br>
					<br>
						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Prénom NOM</h4>
						<h5>Responsable</h5>
					</div>
					<div class="col-lg-8 blog-content">
						<h2>Systèmes Dynamiques</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc. Duis aliquam elementum ligula. Vestibulum pulvinar eros ac orci dignissim porttitor.  </p>
						<p>Pellentesque et malesuada metus, in mollis magna. Quisque vestibulum nisl quis elit consequat ornare. Sed consequat ipsum malesuada, venenatis velit non, tincidunt sapien.</p>
						<p><a href="#" class="icon icon-link"> Lire la suite</a></p>
						<br>
					</div>
				</div><!-- /col -->
				
				<div class="col-lg-6 blog-bg">
					<div class="col-lg-4 centered">
					<br>
						<p><img class="img img-circle" src="assets/img/team/team03.jpg" width="60px" height="60px"></p>
						<h4>Nicolas MARILLEAU</h4>
						<h5>Responsable</h5>
						<br>
					<br>
					<br>
						<p><img class="img img-circle" src="assets/img/team/team04.jpg" width="60px" height="60px"></p>
						<h4>Prénom NOM</h4>
						<h5>Responsable</h5>
					</div>
					<div class="col-lg-8 blog-content">
						<h2>Modélisation à base d'agents</h2>
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec non justo ac sapien consectetur euismod non sit amet nunc. Duis aliquam elementum ligula. Vestibulum pulvinar eros ac orci dignissim porttitor.  </p>
						<p>Pellentesque et malesuada metus, in mollis magna. Quisque vestibulum nisl quis elit consequat ornare. Sed consequat ipsum malesuada</p>
						<p><a href="#" class="icon icon-link"> Lire la suite</a></p>
						<br>
					</div>
				</div><!-- /col -->
			</div><!-- /row -->
			<br>
			<br>
		</div><!-- /row -->
	</div><!-- /container -->

		<!-- ==== SECTION DIVIDER4 ==== -->
		<section class="section-divider textdivider divider4">
			<div class="container">
				<h1> DEMANDE DE PRE-INSCRIPTION</h1>
				<hr>
				<p>La dete limite de soumission de dossiers de pré-inscription pour l'année académique 2014-2015 est le <br/> <b> 31 Septembre 2014 </b> à minuit</p>
			</div><!-- container -->
		</section><!-- section -->
		
		<!-- ==== PRE-INSCRIPTION ==== -->
		<div class="container" id="pre-inscription" name="pre-inscription">
		<br>
			<div class="row">
				<br>
				<h1 class="centered">Pré-inscription</h1>
				<hr>
			</div><!-- /row -->
			<div class="col-lg-offset-2 col-lg-8" align="center">
					<img class="img-responsive" src="assets/img/pre-inscription.jpg" alt="">
					<br />
					<br />
			</div>
			
			<div class="row">
                <a href="pre-inscription/index.php#pre-inscription" class="smoothScroll">
	                <span class='input-group-btn'>
	                    <button class='btn btn-primary btn-lg btn-block' type='button'>SOUMETTRE &nbsp;&nbsp;  UN  &nbsp;&nbsp; NOUVEAU &nbsp;&nbsp; DOSSIER  &nbsp;&nbsp; DE  &nbsp;&nbsp; CANDIDATURE</button>
	                </span>
	            </a> 
	             <br />
	             <br />
			     <a href="pre-inscription/connexion.php#pre-inscription" class="smoothScroll">
	             <span class='input-group-btn'>
	                <button class='btn btn-info btn-lg btn-block' type='button'>SE &nbsp;&nbsp; CONNECTER &nbsp;&nbsp; POUR &nbsp;&nbsp; MODIFIER &nbsp;&nbsp; UN &nbsp;&nbsp; DOSSIER &nbsp;&nbsp; EN &nbsp;&nbsp; COURS </button>
	             </span>
	             </a>
			</div><!-- /row -->
			<br>
			<br>
		</div><!-- /container -->

		
		<!-- ==== SECTION DIVIDER6 ==== -->
		<section class="section-divider textdivider divider6">
			<div class="container">
				<h1>Siège social, Paris, FRANCE</h1>
				<hr>
				<p>32 avenue Henri Varagnat</p>
				<p> +33 (0) 1 48 02 56 69</p>
				<p><a class="icon icon-twitter" href="#"></a> | <a class="icon icon-facebook" href="#"></a></p>
			</div><!-- container -->
		</section><!-- section -->
		
		<!-- ==== CONTACT ==== -->
		<div class="container" id="contact" name="contact">
			<div class="row">
			<br>
				<h1 class="centered">Merci d'avoir visité notre site</h1>
				<hr>
				<br>
				<br>
				<div class="col-lg-4">
					<h3>Nos coordonnées</h3>
					<p><span class="icon icon-home"></span> Institut de Recherche pour le Développement<br/>32 avenue Henri Varagnat<br/>93143 Bondy Cedex<br />
						<span class="icon icon-mobile"></span> Tel.: +33 (0) 1 48 02 56 69 <br/>
						<span class="icon icon-phone"></span> Fax : +33 (0) 1 48 47 30 88 <br/>
						<span class="icon icon-envelop"></span> <a href="#"> kathy.baumont@bondy.ird.fr</a> <br/>
						<span class="icon icon-twitter"></span> <a href="#"> twitter.com/ummisco </a> <br/>
						<span class="icon icon-facebook"></span> <a href="#"> facebook.com/ummisco </a> <br/>
					</p>
				</div><!-- col -->
				
				<div class="col-lg-4">
					<h3>Newsletter</h3>
					<p>Inscrivez-vous à notre newsletter et vous recevrez des mis à jour avec les informations actus concernant nos services, offres et bien plus encore.</p>
					<p>
						<form class="form-horizontal" role="form">
						  <div class="form-group">
						    <label for="inputEmail" class="col-lg-4 control-label"></label>
						    <div class="col-lg-10">
						      <input type="email" class="form-control" id="inputEmail" name="inputEmail" placeholder="Email">
						    </div>
						  </div>
						  <div class="form-group">
						    <label for="inputName" class="col-lg-4 control-label"></label>
						    <div class="col-lg-10">
						      <input type="text" class="form-control" id="inputName" name="inputName" placeholder="Votre Nom">
						    </div>
						  </div>
						  <div class="form-group">
						    <div class="col-lg-10">
						      <button type="submit" class="btn btn-success">Envoyer</button>
						    </div>
						  </div>
					   </form><!-- form -->
					</p>
				</div><!-- col -->
				
				<div class="col-lg-4">
					<h3>Nos Collaborateurs</h3>
					<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
				</div><!-- col -->

			</div><!-- row -->
		
		</div><!-- container -->

		<div id="footerwrap">
			<div class="container">
				<h4>Created by <a href="http://code.google.com/p/master2syscom" target="_blank">DIC1 Info ESP</a> - Copyright 2014</h4>
			</div>
		</div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
	<script type="text/javascript">	
		$(function() {
		  // Setup drop down menu
		  $('.dropdown-toggle').dropdown();
		 
		  // Fix input element click problem
		  $('.dropdown input, .dropdown label').click(function(e) {
		    e.stopPropagation();
		  });
		});
	</script>
	<script type="text/javascript" src="assets/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="assets/js/retina.js"></script>
	<script type="text/javascript" src="assets/js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="assets/js/smoothscroll.js"></script>
	<script type="text/javascript" src="assets/js/jquery-func.js"></script>
  </body>
</html>
